import React from 'react';
import { Cascader } from 'antd';

export function CustomCascader({ options, title, placeholder }) {
  return (
    <div className="flex items-center whitespace-nowrap">
      <span className="flex-shrink-0 font-bold">{title}</span>
      <Cascader
        className='flex-grow'
        options={options}
        multiple
        allowClear
        maxTagCount="responsive"
        placeholder={placeholder}
        expandTrigger="hover"
      />
    </div>
  );
}
